<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%String contextRoot = request.getContextPath();%>
<f:loadBundle basename="properties.messages" var="msg" />
<f:view>
<!doctype html>
<html>
<head>	
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>SISDEP : Sistema de Informaci<h:outputText value="#{msg.tilde_o}" />n de Espacio P<h:outputText value="#{msg.tilde_u}" />blico</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="stylesheet" href="<%=contextRoot%>/css/validationEngine.jquery.css" type="text/css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/template.css" type="text/css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/normalize.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/uniform.css"> <!-- estilos formularios -->
	<link rel="stylesheet" href="<%=contextRoot%>/css/tipsy.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/cuerpo.css">	
	<link rel="stylesheet" href="<%=contextRoot%>/css/richCustom.css">
</head>
<body onload="fnVisita(1)">
<div id="marco"> <!--inicio contenedor --> 
<div class="arriba-cuerpo"></div> <!-- Burrada pa ver borde redondo en IE -->
<div class="cuerpo">
<a href="<%=contextRoot%>/index.jsf"><img src="<%= contextRoot %>/images/logos.png" /></a>
<div class="clear"></div>
<!-- Menu y Usuario init() -->
	<%@ include file="include/menuUsuario.jsp" %>
<!-- Menu y Usuario end() -->
<div class="clear"></div>
<!-- Formulario --> 
<div id="buscador">
<h2>Gesti<h:outputText value="#{msg.tilde_o}" />n de Visita Administrativa: NUEVO</h2>
 	<div style="position: relative; float: right;">
		<div onclick="fnCambiarPag(1)"  id="op1" class="currentStep<h:outputText  value="#{visitaAdministrativaController.visitaAdministrativa.opcion eq '1' ? 'h' : ''}" />">1</div>
		<div onclick="fnCambiarPag(2)"  id="op2" class="currentStep<h:outputText  value="#{visitaAdministrativaController.visitaAdministrativa.opcion eq '2' ? 'h' : ''}" />">2</div>		
	</div>
	<br/><br/>
	<div class="clear"></div>
<h:form id="createVisitaAdministrativaForm">
<h:inputHidden id="idSolicitud" value="#{visitaAdministrativaController.visitaAdministrativa.idSolicitud}"/>
	<script type="text/javascript">
		function fnCambiarPag(Pag)
		{
			if(Pag==1){
				document.getElementById('op1').className = "currentSteph";
				document.getElementById('op2').className = "currentStep";
				var divInicial =document.getElementById('inicial');
				var divArchivo =document.getElementById('Archivo');
				divInicial.style.display = "";
				divArchivo.style.display = "none";
			}
			if(Pag==2){
				document.getElementById('op2').className = "currentSteph"; 
				document.getElementById('op1').className = "currentStep";
				var divInicial =document.getElementById('inicial');
				var divArchivo =document.getElementById('Archivo');
				divInicial.style.display = "none";
				divArchivo.style.display = "";
			}
		}

		function fnVisita(Tipo){		
			
		if(Tipo==311 || Tipo==1){
			var divCheck =document.getElementById('check');
			var divMtto =document.getElementById('mantenimiento');
			var divModulo =document.getElementById('datosModulo');
			var divNroMod =document.getElementById('nroMod');
			var divTipoAmob =document.getElementById('tipoAmob');
			var divSelects =document.getElementById('selects');
			var divEle =document.getElementById('elementos');
			var divEle1 =document.getElementById('elementos1');
			var divEle2 =document.getElementById('elementos2');
			var divEle3 =document.getElementById('elementos3');
			var divEle4 =document.getElementById('elementos4');
			var change =document.getElementById('change');
			change.style.display = "none";
			divCheck.style.display = "none";
			divMtto.style.display = "none";
			divModulo.style.display = "none";
			divNroMod.style.display = "none";
			divTipoAmob.style.display = "none";
			divSelects.style.display = "none";
			divEle.style.display = "none";
			divEle1.style.display = "none";
			divEle2.style.display = "none";
			divEle3.style.display = "none";
			divEle4.style.display = "none";
		}
		if(Tipo==309){
			var divCheck =document.getElementById('check');
			var divMtto =document.getElementById('mantenimiento');
			var divModulo =document.getElementById('datosModulo');
			var divNroMod =document.getElementById('nroMod');
			var divTipoAmob =document.getElementById('tipoAmob');
			var divSelects =document.getElementById('selects');
			var divEle =document.getElementById('elementos');
			var divEle1 =document.getElementById('elementos1');
			var divEle2 =document.getElementById('elementos2');
			var divEle3 =document.getElementById('elementos3');
			var divEle4 =document.getElementById('elementos4');
			var change =document.getElementById('change');
			change.style.display = "";
			divCheck.style.display = "none";
			divMtto.style.display = "";
			divModulo.style.display = "none";
			divNroMod.style.display = "";
			divTipoAmob.style.display = "";
			divSelects.style.display = "none";
			divEle.style.display = "";
			divEle1.style.display = "none";
			divEle2.style.display = "none";
			divEle3.style.display = "none";
			divEle4.style.display = "none";
		
		}
		if(Tipo==310){
			var divCheck =document.getElementById('check');
			var divMtto =document.getElementById('mantenimiento');
			var divModulo =document.getElementById('datosModulo');
			var divNroMod =document.getElementById('nroMod');
			var divTipoAmob =document.getElementById('tipoAmob');
			var divSelects =document.getElementById('selects');
			var divEle =document.getElementById('elementos');
			var divEle1 =document.getElementById('elementos1');
			var divEle2 =document.getElementById('elementos2');
			var divEle3 =document.getElementById('elementos3');
			var divEle4 =document.getElementById('elementos4');
			var change =document.getElementById('change');
			change.style.display = "";
			divCheck.style.display = "";
			divMtto.style.display = "none";
			divModulo.style.display = "";
			divNroMod.style.display = "";
			divTipoAmob.style.display = "";
			divSelects.style.display = "";
			divEle.style.display = "none";
			divEle1.style.display = "none";
			divEle2.style.display = "none";
			divEle3.style.display = "none";
			divEle4.style.display = "none";
		
		}		
		}
		function fnVerMas(opcion){
			var divEle =document.getElementById('elementos'+opcion);
			divEle.style.display = "";			
		}

		function fnVerMenos(opcion){
			var divEle =document.getElementById('elementos'+opcion);
			var ele = document.getElementById('createVisitaAdministrativaForm:idArticulo'+opcion);			
			divEle.style.display = "none";
			ele.value="";
		}
		
	</script>
	<div id="inicial">			
						<span class="left">
						<label>Radicado</label>
								<h:inputText id="radicado" size="15" disabled="true" maxlength="15" styleClass="validate[required]"
										value="#{visitaAdministrativaController.visitaAdministrativa.radicado}" />
						</span>						
						<span class="left" style="margin-left:25px">
						<label>Tipo Visita </label>
							<h:selectOneMenu id="idTipoVisita" styleClass="validate[required]" onchange="fnVisita(this.value)"
								value="#{visitaAdministrativaController.visitaAdministrativa.idTipoVisitaStr}">
                                <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                                <f:selectItems value="#{masterListCache.visitTypeList}"/>
               				</h:selectOneMenu>   								
						</span>						
						<span class="left" style="margin-left:25px">
						<label>Fecha de Visita <span class="asterisco">*</span></label>
							<h:inputText id="fechaVisita" styleClass="validate[required,custom[date]] fechaVisita" size="10" maxlength="10"
									value="#{visitaAdministrativaController.visitaAdministrativa.fechaVisita}">
								<f:convertDateTime pattern="dd/MM/yyyy"/>
							</h:inputText>							
						</span>
						<span class="left" style="margin-left:35px">
						<label>Hora de Visita </label>
							<h:selectOneMenu id="horaVisita" styleClass="validate[required]"
								value="#{visitaAdministrativaController.visitaAdministrativa.horaVisita}">
                                <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                                <f:selectItem itemLabel="00:00" itemValue="00:00"/>
                                <f:selectItem itemLabel="01:00" itemValue="01:00"/>
                                <f:selectItem itemLabel="02:00" itemValue="02:00"/>
                                <f:selectItem itemLabel="03:00" itemValue="03:00"/>
                                <f:selectItem itemLabel="04:00" itemValue="04:00"/>
                                <f:selectItem itemLabel="05:00" itemValue="05:00"/>
                                <f:selectItem itemLabel="06:00" itemValue="06:00"/>
                                <f:selectItem itemLabel="07:00" itemValue="07:00"/>
                                <f:selectItem itemLabel="08:00" itemValue="08:00"/>
                                <f:selectItem itemLabel="09:00" itemValue="09:00"/>
                                <f:selectItem itemLabel="10:00" itemValue="10:00"/>
                                <f:selectItem itemLabel="11:00" itemValue="11:00"/>
                                <f:selectItem itemLabel="12:00" itemValue="12:00"/>
                                <f:selectItem itemLabel="13:00" itemValue="13:00"/>
                                <f:selectItem itemLabel="14:00" itemValue="14:00"/>
                                <f:selectItem itemLabel="15:00" itemValue="15:00"/>
                                <f:selectItem itemLabel="16:00" itemValue="16:00"/>
                                <f:selectItem itemLabel="17:00" itemValue="17:00"/>
                                <f:selectItem itemLabel="18:00" itemValue="18:00"/>
                                <f:selectItem itemLabel="19:00" itemValue="19:00"/>
                                <f:selectItem itemLabel="20:00" itemValue="20:00"/>
                                <f:selectItem itemLabel="21:00" itemValue="21:00"/>
                                <f:selectItem itemLabel="22:00" itemValue="22:00"/>
                                <f:selectItem itemLabel="23:00" itemValue="23:00"/>
               				</h:selectOneMenu> 	
						</span>										
						<div class="clear"></div>
						<br/>						
						<span class="left">
						<label>Direcci<h:outputText value="#{msg.tilde_o}" />n Visita <span class="asterisco">*</span></label>
							<h:inputText id="direccionVisita" size="40" maxlength="128" styleClass="validate[required,maxSize[128]]"
										value="#{visitaAdministrativaController.visitaAdministrativa.direccionVisita}" />
								<a4j:commandButton id="checkAddressButton"
									 styleClass="botonsmall"
					                 type="submit" 
					                 value="Verificar..." ajaxSingle="true" 
					                 ondblclick="return false;" reRender="checkAddressPanel"
			                         action="#{visitaAdministrativaController.checkAddress}" >
			                         
			                         <a4j:actionparam name="addressParam" value="document.getElementById('createVisitaAdministrativaForm:direccionVisita').value" 
			                                          assignTo="#{visitaAdministrativaController.visitaAdministrativa.direccionVisita}" noEscape="true" />
							    </a4j:commandButton>							
						</span>									
						<div class="clear" style="margin-left: 400px;"></div>
						<span class="left" style="margin-left:0px">
							<a4j:outputPanel id="checkAddressPanel" layout="block" >
							<h:panelGrid columns="1" style="text-align: left;" styleClass="tablapaginacion" >
								<h:graphicImage url="#{visitaAdministrativaController.visitaAdministrativa.direccionVisitaImageURL}" />
	                        </h:panelGrid>							
	                        </a4j:outputPanel>                        			
						</span>
						<div class="clear"></div>
						<div id="change">
						<fieldset>
						<div id="tipoAmob">
						<br/>
						<span class="left">				
						<label>Tipo Amoblamiento <span class="asterisco">*</span></label>	
							<h:selectOneMenu id="idContravencion" styleClass=""
								value="#{visitaAdministrativaController.visitaAdministrativa.idAmoblamientoStr}">
                                <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                                <f:selectItems value="#{masterListCache.furnitureTypeList}"/>
               				</h:selectOneMenu>                            											
						</span>			
						</div>
						<div id="selects">				
						<span class="left"  style="margin-left:35px">
						<label>Tipolog<h:outputText value="#{msg.tilde_i}" />a </label>
							<h:selectOneMenu id="idTipologia" styleClass=""
								value="#{visitaAdministrativaController.visitaAdministrativa.idTipologiaStr}">
                                <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                                <f:selectItems value="#{masterListCache.descriptionTipologyList}"/>
               				</h:selectOneMenu>                    																	
						</span>
						<span class="left" style="margin-left:35px">				
						<label>Tipo Venta <span class="asterisco">*</span></label>
							<h:selectOneMenu id="idTipoVenta" styleClass=""
								value="#{visitaAdministrativaController.visitaAdministrativa.idTipoVentaStr}">
                                <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                                <f:selectItems value="#{masterListCache.saleTypeList}"/>
               				</h:selectOneMenu>   										
						</span>
						</div>		
						<div class="clear"></div>					
						<div id="check">					
						<br/>
						<span class="left">
						<label>Tiene Recomendaciones</label>
								<h:selectBooleanCheckbox id="tieneRecomendaciones"
										value="#{visitaAdministrativaController.visitaAdministrativa.tieneRecomendacionesChk}" />
						</span>											
						<span class="left" style="margin-left:25px">
						<label>Tiene Hoja De Vida </label>
								<h:selectBooleanCheckbox id="tieneHojaDeVida" 
										value="#{visitaAdministrativaController.visitaAdministrativa.tieneHojaDeVidaChk}" />
						</span>
						<span class="left" style="margin-left:25px">
						<label>E.S.E Digital </label>
								<h:selectBooleanCheckbox id="eseDigital" 
										value="#{visitaAdministrativaController.visitaAdministrativa.eseDigitalChk}" />
						</span>
						<span class="left" style="margin-left:25px">
						<label>Regulado </label>
								<h:selectBooleanCheckbox id="regulado" 
										value="#{visitaAdministrativaController.visitaAdministrativa.reguladoChk}" />
						</span>			
						</div>			
						<div class="clear"></div>
						<div id="nroMod">
						<br/>
						<span class="left">
						<label>Nro Modulo </label>
							<h:inputText id="nroModulo" size="10" maxlength="24" styleClass=""
										value="#{visitaAdministrativaController.visitaAdministrativa.nroModulo}" />
						</span>
						<div id="mantenimiento">						
						<span class="left" style="margin-left:35px">
						<label>Metros<sup>2</sup> Mantenimiento </label>
								<h:inputText id="metrosCuadradosMantenimiento" size="9" maxlength="9" styleClass=""
										value="#{visitaAdministrativaController.visitaAdministrativa.metrosCuadradosMantenimientoStr}" />
						</span>																	 
						</div>						
						</div>						
						<div id="datosModulo">
						<span class="left" style="margin-left:20px">
						<label>Nro Contrato</label>
							<h:inputText id="contratoHacienda" size="10" maxlength="48" styleClass=""
										value="#{visitaAdministrativaController.visitaAdministrativa.contratoHacienda}" />
						</span>
						<span class="left" style="margin-left:20px">
						<label>Acta Entrega </label>
							<h:inputText id="actaEntrega" size="10" maxlength="48" styleClass=""
										value="#{visitaAdministrativaController.visitaAdministrativa.actaEntrega}" />
						</span>	
						<span class="left" style="margin-left:20px">
						<label>Horario </label>
							<h:inputText id="horario" size="20" maxlength="48" styleClass=""
										value="#{visitaAdministrativaController.visitaAdministrativa.horario}" />
						</span>											
						<span class="left"  style="margin-left:20px">
						<label>Fecha Vencimiento </label>
							<h:inputText id="fechaVencimiento" styleClass="validate[custom[date]] fechaVencimiento"  size="10" maxlength="10"
									value="#{visitaAdministrativaController.visitaAdministrativa.fechaVencimiento}">
								<f:convertDateTime pattern="dd/MM/yyyy"/>
							</h:inputText>
						</span>
						</div>																	
						<div class="clear"></div>
						<div id="elementos">
						<br/>
						<span class="left" >
						<label>Art<h:outputText value="#{msg.tilde_i}" />culo </label>
							<h:selectOneMenu id="idArticulo" styleClass="" value="#{visitaAdministrativaController.visitaAdministrativa.idArticuloStr}">
							    <f:selectItem itemLabel="Seleccione..." itemValue=""/>
							    <f:selectItems value="#{visitaAdministrativaController.articuloSelectItems}" />
							</h:selectOneMenu>                            
						</span>																	 
						<span  class="left" style="margin-left:35px">
						<label>Cantidad <span class="asterisco">*</span></label>
								<h:inputText id="cantidad" size="9" maxlength="9" styleClass=""
										value="#{visitaAdministrativaController.visitaAdministrativa.cantidadStr}" />
						</span>
						<span class="left" style="margin-left:35px">
						<label>Detalle <span class="asterisco">*</span></label>
							<h:inputText id="detalle" size="30" maxlength="128" styleClass=""
										value="#{visitaAdministrativaController.visitaAdministrativa.detalle}" />
						</span>						
						<span class="left" style="margin-left:35px">
						<div style="position: relative; float: right;">
						<label>Agregar</label>
							<div onclick="fnVerMas(1)" class="currentStep">+</div>							
						</div>
						</span>	
						</div>											
						<div class="clear"></div>
						<div id="elementos1">
						<br/>
						<span class="left" >
						<label>Art<h:outputText value="#{msg.tilde_i}" />culo </label>
							<h:selectOneMenu id="idArticulo1" styleClass="" value="#{visitaAdministrativaController.visitaAdministrativa.idArticulo1Str}">
							    <f:selectItem itemLabel="Seleccione..." itemValue=""/>
							    <f:selectItems value="#{visitaAdministrativaController.articuloSelectItems}" />
							</h:selectOneMenu>  
						</span>																	 
						<span  class="left" style="margin-left:35px">
						<label>Cantidad <span class="asterisco">*</span></label>
								<h:inputText id="cantidad1" size="9" maxlength="9" styleClass=""
										value="#{visitaAdministrativaController.visitaAdministrativa.cantidad1Str}" />
						</span>
						<span class="left" style="margin-left:35px">
						<label> <span class="asterisco">*</span></label>
							<h:inputText id="detalle1" size="30" maxlength="128" styleClass=""
										value="#{visitaAdministrativaController.visitaAdministrativa.detalle1}" />
						</span>
						<span class="left" style="margin-left:35px">
						<div style="position: relative; float: right;">
						<label>Agregar - Quitar</label>
							<div onclick="fnVerMas(2)" class="currentStep">+</div>
							<div onclick="fnVerMenos(1)" class="currentSteph">-</div>
						</div>
						</span>	
						</div>						
						<div class="clear"></div>
						<div id="elementos2">
						<br/>
						<span class="left" >
						<label>Art<h:outputText value="#{msg.tilde_i}" />culo </label>
							<h:selectOneMenu id="idArticulo2" styleClass="" value="#{visitaAdministrativaController.visitaAdministrativa.idArticulo2Str}">
							    <f:selectItem itemLabel="Seleccione..." itemValue=""/>
							    <f:selectItems value="#{visitaAdministrativaController.articuloSelectItems}" />
							</h:selectOneMenu>  
						</span>																	 
						<span  class="left" style="margin-left:35px">
						<label>Cantidad <span class="asterisco">*</span></label>
								<h:inputText id="cantidad2" size="9" maxlength="9" styleClass=""
										value="#{visitaAdministrativaController.visitaAdministrativa.cantidad2Str}" />
						</span>
						<span class="left" style="margin-left:35px">
						<label>Detalle <span class="asterisco">*</span></label>
							<h:inputText id="detalle2" size="30" maxlength="128" styleClass=""
										value="#{visitaAdministrativaController.visitaAdministrativa.detalle2}" />
						</span>
						<span class="left" style="margin-left:35px">
						<div style="position: relative; float: right;">
						<label>Agregar - Quitar</label>
							<div onclick="fnVerMas(3)" class="currentStep">+</div>
							<div onclick="fnVerMenos(2)" class="currentSteph">-</div>
						</div>
						</span>		
						</div>				
						<div class="clear"></div>
						<div id="elementos3">
						<br/>
						<span class="left" >
						<label>Art<h:outputText value="#{msg.tilde_i}" />culo </label>
							<h:selectOneMenu id="idArticulo3" styleClass="" value="#{visitaAdministrativaController.visitaAdministrativa.idArticulo3Str}">
							    <f:selectItem itemLabel="Seleccione..." itemValue=""/>
							    <f:selectItems value="#{visitaAdministrativaController.articuloSelectItems}" />
							</h:selectOneMenu>  
						</span>																	 
						<span  class="left" style="margin-left:35px">
						<label>Cantidad <span class="asterisco">*</span></label>
								<h:inputText id="cantidad3" size="9" maxlength="9" styleClass=""
										value="#{visitaAdministrativaController.visitaAdministrativa.cantidad3Str}" />
						</span>
						<span class="left" style="margin-left:35px">
						<label>Detalle <span class="asterisco">*</span></label>
							<h:inputText id="detalle3" size="30" maxlength="128" styleClass=""
										value="#{visitaAdministrativaController.visitaAdministrativa.detalle3}" />
						</span>	
						<span class="left" style="margin-left:35px">
						<div style="position: relative; float: right;">
						<label>Agregar - Quitar</label>
							<div onclick="fnVerMas(4)" class="currentStep">+</div>
							<div onclick="fnVerMenos(3)" class="currentSteph">-</div>
						</div>
						</span>		
						</div>					
						<div class="clear"></div>
						<div id="elementos4">
						<br/>
						<span class="left" >
						<label>Art<h:outputText value="#{msg.tilde_i}" />culo </label>
							<h:selectOneMenu id="idArticulo4" styleClass="" value="#{visitaAdministrativaController.visitaAdministrativa.idArticulo4Str}">
							    <f:selectItem itemLabel="Seleccione..." itemValue=""/>
							    <f:selectItems value="#{visitaAdministrativaController.articuloSelectItems}" />
							</h:selectOneMenu>  
						</span>																	 
						<span  class="left" style="margin-left:35px">
						<label>Cantidad <span class="asterisco">*</span></label>
								<h:inputText id="cantidad4" size="9" maxlength="9" styleClass=""
										value="#{visitaAdministrativaController.visitaAdministrativa.cantidad4Str}" />
						</span>
						<span class="left" style="margin-left:35px">
						<label>Detalle <span class="asterisco">*</span></label>
							<h:inputText id="detalle4" size="30" maxlength="128" styleClass=""
										value="#{visitaAdministrativaController.visitaAdministrativa.detalle4}" />
						</span>	
						<span class="left" style="margin-left:35px">
						<div style="position: relative; float: right;">
						<label>Quitar</label>							
							<div onclick="fnVerMenos(4)" class="currentSteph">-</div>
						</div>
						</span>							
						</div>	
						</fieldset>					
						</div>												
						<div class="clear"></div>
						<br/>
						<span class="left">
						<label>Observaciones <span class="asterisco">*</span></label>
							<h:inputTextarea id="observaciones" styleClass="validate[required,maxSize[128]]"
								style="width:250px !important; min-width:250px !important; max-width:250px !important; height:80px !important; min-height:80px !important; max-height:80px !important; "
										value="#{visitaAdministrativaController.visitaAdministrativa.observaciones}" />
						</span>
						<span class="espacio-adicional left">
						<br/>	
						<span class="left" style="margin-left:25px">				
						<label>Estado <span class="asterisco">*</span></label>
					    	<h:selectOneMenu id="estado" styleClass="validate[required]"
							value="#{visitaAdministrativaController.visitaAdministrativa.estado}">
                                <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                                <f:selectItem itemLabel="Nuevo" itemValue="NUEVO"/>
                                <f:selectItem itemLabel="En Proceso" itemValue="EN_PROCESO"/>                                
                                <f:selectItem itemLabel="Resuelto" itemValue="RESUELTO"/>
                            </h:selectOneMenu>												
						</span>
						</span>						
		<br/>	
		<br/>
		</div>
		<div id="Archivo" style="display: none">
		<span>
			<br/>
			<h3>Registro fotogr<h:outputText value="#{msg.tilde_a}" />fico</h3>

			<span class="left">
				<input type="file" name="filename" />
			</span>

			<div class="contenedor-imagen" >
			<img width="615px" src="<%= contextRoot %>/images/slide1.jpg" />
			</div>
			<br/>
			<h3>Firma</h3>
			<input type="file" name="filename" />		
		</span>
		<br/>
		<br/>
		</div>
		<div class="clear"></div>
		<br/>
		(<span class="asterisco"> * </span>) : Campo Obligatorio
		<div class="clear"></div>
		<span class="botones right">
		<h:commandButton id="createVisitaAdministrativaButton"						 
		                 type="submit" 
		                 value="Guardar" 
		                 ondblclick="return false;" 
		                 action="#{visitaAdministrativaController.create}" >
		</h:commandButton>		
		</span>
</h:form>
</div>
<!-- Fin formulario --> 
<div class="clear"></div>
<br/>
<br/>
	<!-- tabla --> 

	<table width="100%" cellspacing="0">  
		<thead>
	  	<tr>
			<th class="Corner">
		    	Informaci<h:outputText value="#{msg.tilde_o}" />n de Auditor<h:outputText value="#{msg.tilde_i}" />a
	    	</th>
	  	</tr>
		</thead>
		<tbody>
		  <tr class="odd">
			<td>Usuario Creaci<h:outputText value="#{msg.tilde_o}" />n</td>
			<td>Fecha Creaci<h:outputText value="#{msg.tilde_o}" />n</td>
			<td>Usuario <h:outputText value="#{msg.tilde_u}" />ltima Modificaci<h:outputText value="#{msg.tilde_o}" />n</td>
			<td>Fecha <h:outputText value="#{msg.tilde_u}" />ltima Modificaci<h:outputText value="#{msg.tilde_o}" />n</td>
		  </tr>					
		  <tr>
			<td>
			   <h:outputText value="#{visitaAdministrativaController.visitaAdministrativa.usuarioCrea}" />
			</td>
			<td>
			   <h:outputText value="#{visitaAdministrativaController.visitaAdministrativa.fechaCrea}" />
			</td>
			<td>
			   <h:outputText value="#{visitaAdministrativaController.visitaAdministrativa.usuarioModifica}" />
			</td>
			<td>
			   <h:outputText value="#{visitaAdministrativaController.visitaAdministrativa.fechaModifica}" />
			</td>						
		  </tr>	  
		</tbody>
	</table>

		    <h:form id="cancelManageTypeForm">
			<h:commandButton id="cancelCreateVisitaAdministrativaButton"							 
                             type="submit" 
                             value="Cancelar" 
                             ondblclick="return false;" 
                             action="#{visitaAdministrativaController.cancelVisitaAdministrativa}" >
            </h:commandButton>
            </h:form>
<!-- Fin tabla --> 
	<div id="containerError" style="display:block;">
		<span class="botones left"><h:messages style="font-weight: bold; color: #FF0000;" /></span>
	</div>
<div class="clear"></div>
</div>
<div class="abajo-cuerpo"></div> <!-- Burrada pa ver borde redondo en IE -->
</div> <!-- Fin contenedor -->
<div class="footer"></div>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery-1.7.2.min.js"></script><!-- De ser 1ro -->
	<script src="<%=contextRoot%>/js/script.js" type="text/javascript"></script><!-- De ser 2do -->
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.uniform.min.js"></script> <!-- formularios --> 
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
	<script src="<%=contextRoot%>/js/jquery.maskedinput-1.3.js" type="text/javascript"></script>
    <script src="<%=contextRoot%>/js/jquery/lib/jquery.tipsy.js" type="text/javascript"></script> <!-- Tooltip -->
	<script type="text/javascript">
	jQ(document).ready(function() {
		jQ("input, select, input:checkbox, input:radio, input:file").uniform();
		jQ("#createVisitaAdministrativaForm").validationEngine('attach');
		jQ("#createVisitaAdministrativaForm").bind("jqv.form.result", function(event, errorFound) {
	        if(!errorFound) displayLoadingImage();
	    });
    	jQ('#accesos li a').tipsy({gravity: 'n'});
    	jQ(".fechaVisita").mask("99/99/9999");
    	jQ(".fechaVencimiento").mask("99/99/9999");
	});
	</script>
	<%@ include file="include/validationStatus.jsp" %>
	<%@ include file="include/modalMessageWindow.jsp" %>	
</body>
</html>
</f:view>

